import { request } from "../../request/index.js";

Page({
  data: {
    goodsObj:{},
    isCollect:false
  },
  //构造商品对象
  GoodsInfo:{},
  //options(Object)
  onShow: function(){
    //新添，获取参数在onShow
    let pages =  getCurrentPages();
    let currentPage=pages[pages.length-1];
    let options=currentPage.options;
    //旧数据
    const goods_id=options.goods_id;
    this.getGoodsDetail(goods_id);
   
  },
  //获取商品详情数据
  async getGoodsDetail(goods_id){
    const res=await request({url:"/goods/detail",data:{goods_id}});
    this.GoodsInfo=res;
     //1 获取缓存中的商品收藏数组
     let collect=wx.getStorageSync("collect")||[];
     //2 判断商品是否被收藏了
     let isCollect=collect.some(v=>v.goods_id===this.GoodsInfo.goods_id);
    this.setData({
      goodsObj:{
        pics:res.pics,
        goods_name:res.goods_name,
        goods_price:res.goods_price,
        goods_introduce:res.goods_introduce.replace(/\.webp/g,'.jpg')
      },
      isCollect
    })
  },
  //点击轮播图 预览大图
  /**
   * 1 给轮播图绑定点击事件
   * 2 调用小程序api previewImage--参考官方文档
   */
  handlePreviewImage(e){
    //构造要预览的图片数组
    const urls=this.GoodsInfo.pics.map(v=>v.pics_mid)
    //接收参数图片url
    const current=e.currentTarget.dataset.url;
    wx.previewImage({
      current,// current: current,
      urls    // urls: urls
    });
  },
  //点击加入购物车
  /**
   * 1 绑定点击事件
   * 2 获取缓存中的购物车数据，是一个数组格式
   * 3 判断 物品是否已经存在于购物车中
   * 4 若存在=修改商品数据，执行购物车商品数量++，再把数组填充回缓存
   * 5 若不存在=给购物车数组添加新的元素，并增添新的数量属性num，再把数组填充回缓存
   */
  handleCartAdd(){
    //1-获取缓存中的购物车数组
    let cart=wx.getStorageSync("cart")||[];//||[]转换为数组格式
    //2-判断
    let index=cart.findIndex(v=>v.goods_id===this.GoodsInfo.goods_id)
    if(index===-1){
      //不存在,第一次添加
      this.GoodsInfo.num=1;
      //添加商品选中状态
      this.GoodsInfo.checked=true;
      cart.push(this.GoodsInfo);
    }else{
      //已经存在，执行num++
      cart[index].num++;
    }
    //3-把购物车重新添加回缓存中
    wx.setStorageSync("cart", cart);
    //4-弹窗提示
    wx.showToast({
      title: '添加成功',
      icon: 'success',
      mask:true//防止用户手抖/疯狂点击
    });
  },
  //点击加入收藏
  handleCollect(){
    let isCollect=false;
    //1 获取缓存中收藏的数组
    let collect=wx.getStorageSync("collect")||[];
    //2 判断该商品是否被收藏过
    let index=collect.findIndex(v=>v.goods_id===this.GoodsInfo.goods_id);
    //3 当index！=-1，表示已经收藏过了
    if(index!==-1){
      //能找到，已经收藏过了，点击进行删除
      collect.splice(index,1);
      isCollect=false;
      wx.showToast({
        title: '取消成功',
        icon: 'success',
        mask:true
      });
    }else{
      //没有收藏过
      collect.push(this.GoodsInfo);
      isCollect=true;
      wx.showToast({
        title: '收藏成功',
        icon: 'success',
        mask:true
      });
    }
    //4 将数组存入缓存中
    wx.setStorageSync("collect", collect);
    //5 修改data中的属性 isCollect
    this.setData({
      isCollect
    })
  }
});